<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">    
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <style>
       *{
           margin:0;
           padding:0;
        }
    	html,body{
    		width:100%;
    		height: 100%;    
    		font-family: '微软雅黑';
    		font-size:16px;		
    	}
    	
    	.change{
    	   width:400px;
    	   height:300px;
    	   border:1px solid #0894ec;
    	   margin:0 auto;
    	   margin-top:250px;
    	}
    	
    	ul li{
    	   list-style: none;
    	   height:50px;
    	   overflow: hidden;
    	   text-align:center;
    	   font-weight:600;
    	   margin-top:10px;
    	}
    	
    	li span{
    	    float:left;
    	    margin-left:20px;
    	    padding-top:5px;
    	}
    	
    	li input{
    	    float:right;
    	    margin-right:20px;
    	    height:40px;
    	    width:250px;
    	    border-radius: 10px;
    	    border:1px solid #CCCCCC;
    	    outline:none;
    	}
    	button{
    	  width:100px;
    	  height:40px;
    	  background-color:#0894ec;
    	  border-radius:6px;
    	  color: white;
    	  outline:none;
    	}
    	
    	
    	
    </style>
</head>
<body>
	<div class="change">
	   <ul>
	      <li>修改密码</li>
	      <li><span>用户名</span><input type="text" palcehoder="请输入用户名"/></li>
	      <li><span>旧密码</span><input type="password" palcehoder="请输入旧密码"/></li>
	      <li><span>新密码</span><input type="password" palcehoder="请输入新密码"/></li>	
	      <li><button>提交</button></li>      
	   </ul>  
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	apiready = function(){
		
	};
</script>
</html>